<!--
 * @Author: your name
 * @Date: 2021-08-13 16:03:50
 * @LastEditTime: 2021-08-16 18:32:43
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\3-html&css\admin\the admin of the charge.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户充值管理系统</title>
    <link rel="stylesheet" href="/briup/font字体/fontawesome/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="./bootstrap-4.5.0-dist/css/bootstrap.css">
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./bootstrap-4.5.0-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="./css/recharge1.css">
</head>

<body>
    <!-- 标题部分 -->
    <div class="head">
        <img src="./images/网易考拉logo.png" alt=""> <span>用户充值管理系统</span>
    </div>

    <!-- 右边导航栏部分 -->
    <div class="section">
        <div class="list-group">
            <a href="./overseaManagement.html" class="list-group-item list-group-item-action  list-group-item-primary1">海外直购管理</a>

            <a href="./milk powder backstage.html" class="list-group-item list-group-item-action list-group-item-primary">品质奶粉管理</a>
            <a href="./the admin of the charge.html" class="list-group-item list-group-item-action list-group-item-secondary">用户充值管理</a>
            <a href="./user.html" class="list-group-item list-group-item-action list-group-item-success">用户信息管理</a>
            <a href="./exchange.html" class="list-group-item list-group-item-action list-group-item-danger">积分兑换管理</a>
            <a href="./discount coupon.html" class="list-group-item list-group-item-action list-group-item-warning">优惠劵管理</a>

        </div>
        <!-- 中间主要信息部分 -->

        <div class="information">
            <div>
                <input type="text" name="search" id="search">
                <div></div>
                <div><i class="fa fa-search"></i></div>
            </div>
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th scope="col">序号</th>
                        <th scope="col">ID</th>
                        <th scope="col">
                            <select name="" id="">
                                <option value="project" class="project">充值项目</option>
                                <option value="phone bill">充话费</option>
                                <option value="flow">充流量</option>
                                <option value="card">充APPStore卡</option>
                            </select>
                        </th>
                        <th scope="col">

                            充值金额</th>
                        <th scope="col">充值时间</th>
                        <th scope="col">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th scope="row">1</th>
                        <td>小橙子</td>
                        <td>充值话费</td>
                        <td>200</td>
                        <td><input type="date"></td>
                        <td>
                            <!-- Button add modal -->
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#editModal">
                            编辑
                  </button>
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#delectModal">
                    删除
                </button>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">2</th>
                        <td>咕噜咕噜</td>
                        <td>充流量</td>
                        <td>50g</td>
                        <td><input type="date"></td>
                        <td>
                            <!-- Button add modal -->
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#editModal">
            编辑
  </button>
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#delectModal">
    删除
</button>

                        </td>
                    </tr>
                    <tr>
                        <th scope="row">3</th>
                        <td>Larry</td>
                        <td>充话费</td>
                        <td>220</td>
                        <td><input type="date"></td>
                        <td>
                            <!-- Button add modal -->
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#editModal">
                            编辑
                  </button>
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#delectModal">
                    删除
                </button>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">4</th>
                        <td>小梨子</td>
                        <td>充APPStore卡</td>
                        <td>666</td>
                        <td><input type="date"></td>
                        <td>
                            <!-- Button add modal -->
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#editModal">
                            编辑
                  </button>
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#delectModal">
                    删除
                </button>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">5</th>
                        <td>小橘子</td>
                        <td>充APPStore卡</td>
                        <td>888</td>
                        <td><input type="date"></td>
                        <td>
                            <!-- Button add modal -->
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#editModal">
                            编辑
                  </button>
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#delectModal">
                    删除
                </button>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">6</th>
                        <td>花花花</td>
                        <td>充流量</td>
                        <td>100g</td>
                        <td><input type="date"></td>
                        <td>
                            <!-- Button add modal -->
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#editModal">
                            编辑
                  </button>
                            <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#delectModal">
                    删除
                </button>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">7</th>
                        <td>勇敢牛牛</td>
                        <td>充APPStore卡</tsd>
                            <td>1000</td>
                            <td><input type="date"></td>
                            <td>
                                <!-- Button add modal -->
                                <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#editModal">
                            编辑
                  </button>
                                <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#delectModal">
                    删除
                </button>
                            </td>
                    </tr>
                    <tr>
                        <th scope="row">7</th>
                        <td>小考拉</td>
                        <td>充话费</tsd>
                            <td>100</td>
                            <td><input type="date"></td>
                            <td>
                                <!-- Button add modal -->
                                <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#editModal">
                            编辑
                  </button>
                                <button type="button" class="btn-sm btn-outline-info" data-toggle="modal" data-target="#delectModal">
                    删除
                </button>
                            </td>
                    </tr>
                </tbody>
            </table>
            <nav aria-label="Page navigation example">
                <ul class="pagination">
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li class="page-item"><a class="page-link" href="./the admin of the charge.html">1</a></li>
                    <li class="page-item"><a class="page-link" href="./the admin of the charge.html">2</a></li>
                    <li class="page-item"><a class="page-link" href="./the admin of the charge.html">3</a></li>
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>

        </div>


        <!-- 编辑Modal -->
        <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">编辑内容</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
                    </div>
                    <div class="modal-body">
                        <div>
                            充值项目：<input type="text" name="">
                        </div>
                        <div>
                            充值金额: <input type="number" name="" min="20">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Save changes</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- 删除Modal -->
        <div class="modal fade" id="delectModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title notice" id="exampleModalLabel">特别注意</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
                    </div>
                    <div class="modal-body">
                        <div>确定要删除该条信息吗？</div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn-sm btn-secondary" data-dismiss="modal">确定</button>
                        <button type="button" class="btn-sm btn-primary">再想想</button>
                    </div>
                </div>
            </div>
        </div>
</body>

</html>